<!DOCTYPE html>
<html lang="en">
<head><meta name="generator" content="Hexo 3.8.0">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="google-site-verification" content="xBT4GhYoi5qRD5tr338pgPM5OWHHIDR6mNg1a3euekI">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="ycngu的博客">
    <meta name="keyword" content="noob">
    <link rel="shortcut icon" href="/img/favicon.ico">

    <title>
        
        ycngu的博客 | Ycngu&#39;s Blog
        
    </title>

    <!-- Custom CSS -->
    <link rel="stylesheet" href="/css/aircloud.css">
    <link rel="stylesheet" href="/css/gitment.css">
    <!--<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">-->
    <link href="//at.alicdn.com/t/font_620856_pl6z7sid89qkt9.css" rel="stylesheet" type="text/css">
    <!-- ga & ba script hoook -->
    <script></script>
</head>

<body>

<div class="site-nav-toggle" id="site-nav-toggle">
    <button>
        <span class="btn-bar"></span>
        <span class="btn-bar"></span>
        <span class="btn-bar"></span>
    </button>
</div>

<div class="index-about">
    <i> 菜鸟前端为何要战斗？ </i>
</div>

<div class="index-container">
    
    <div class="index-left">
        
<div class="nav" id="nav">
    <div class="avatar-name">
        <div class="avatar">
            <img src="/img/avatar.jpg">
        </div>
        <div class="name">
            <i>YCNGU</i>
        </div>
    </div>
    <div class="contents" id="nav-content">
        <ul>
            <li class="active">
                <a href="/">
                    <i class="iconfont icon-shouye1"></i>
                    <span>主页</span>
                </a>
            </li>
            <li>
                <a href="/tags">
                    <i class="iconfont icon-biaoqian1"></i>
                    <span>标签</span>
                </a>
            </li>
            <li>
                <a href="/archive">
                    <i class="iconfont icon-guidang2"></i>
                    <span>存档</span>
                </a>
            </li>
            <li>
                <a href="/about/">
                    <i class="iconfont icon-guanyu2"></i>
                    <span>关于</span>
                </a>
            </li>
            
            <li>
                <a id="search">
                    <i class="iconfont icon-sousuo1"></i>
                    <span>搜索</span>
                </a>
            </li>
            
        </ul>
    </div>
    
</div>


<div class="search-field" id="search-field">
    <div class="search-container">
        <div class="search-input">
            <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
            <input id="search-input">
            <span id="begin-search">搜索</span>
        </div>
        <div class="search-result-container" id="search-result-container">

        </div>
    </div>
</div>
        <div class="index-about-mobile">
            <i> 菜鸟前端为何要战斗？ </i>
        </div>
    </div>
    
    <div class="index-middle">
        <!-- Main Content -->
        
<div class="post-preview-container" style="min-height: 576px">
    
    <div class="post-preview">
        <div class="post-time">2019-07-13</div>
        <div class="post-info">
            <a href="/2019/07/13/vue的数组更新源码解析/">
                <h3>
                    vue的数组更新源码解析
                </h3>
            </a>
            <p>
                
                <span>/</span>
                
                <a class="tag" href="/tags/#vue" title="vue">vue</a>
                <span>/</span>
                
                
            </p>
        </div>
    </div>
    
    <div class="post-preview">
        <div class="post-time">2019-07-10</div>
        <div class="post-info">
            <a href="/2019/07/10/写一写吸顶效果的实现/">
                <h3>
                    写一写吸顶效果的实现
                </h3>
            </a>
            <p>
                
                <span>/</span>
                
                <a class="tag" href="/tags/#javascript" title="javascript">javascript</a>
                <span>/</span>
                
                <a class="tag" href="/tags/#css" title="css">css</a>
                <span>/</span>
                
                
            </p>
        </div>
    </div>
    
    <div class="post-preview">
        <div class="post-time">2019-06-29</div>
        <div class="post-info">
            <a href="/2019/06/29/我的前端面试题/">
                <h3>
                    我的前端面试题
                </h3>
            </a>
            <p>
                
                <span>/</span>
                
                <a class="tag" href="/tags/#面试" title="面试">面试</a>
                <span>/</span>
                
                
            </p>
        </div>
    </div>
    
    <div class="post-preview">
        <div class="post-time">2019-05-26</div>
        <div class="post-info">
            <a href="/2019/05/26/节流函数和防抖函数/">
                <h3>
                    节流函数和防抖函数
                </h3>
            </a>
            <p>
                
                <span>/</span>
                
                <a class="tag" href="/tags/#javascript" title="javascript">javascript</a>
                <span>/</span>
                
                
            </p>
        </div>
    </div>
    
    <div class="post-preview">
        <div class="post-time">2019-05-21</div>
        <div class="post-info">
            <a href="/2019/05/21/为什么不直接用VW而是用rem？/">
                <h3>
                    为什么不直接用VW而是用rem？
                </h3>
            </a>
            <p>
                
                <span>/</span>
                
                <a class="tag" href="/tags/#css" title="css">css</a>
                <span>/</span>
                
                <a class="tag" href="/tags/#布局" title="布局">布局</a>
                <span>/</span>
                
                
            </p>
        </div>
    </div>
    
    <div class="post-preview">
        <div class="post-time">2019-05-08</div>
        <div class="post-info">
            <a href="/2019/05/08/Vue的双向绑定是怎样实现的/">
                <h3>
                    Vue的双向绑定是怎样实现的
                </h3>
            </a>
            <p>
                
                <span>/</span>
                
                <a class="tag" href="/tags/#Vue" title="Vue">Vue</a>
                <span>/</span>
                
                
            </p>
        </div>
    </div>
    
    <div class="post-preview">
        <div class="post-time">2019-05-05</div>
        <div class="post-info">
            <a href="/2019/05/05/关于vue的组件通信/">
                <h3>
                    关于vue的组件通信
                </h3>
            </a>
            <p>
                
                <span>/</span>
                
                <a class="tag" href="/tags/#Vue" title="Vue">Vue</a>
                <span>/</span>
                
                
            </p>
        </div>
    </div>
    
    <div class="post-preview">
        <div class="post-time">2019-04-27</div>
        <div class="post-info">
            <a href="/2019/04/27/vuex初探/">
                <h3>
                    vuex初探
                </h3>
            </a>
            <p>
                
                <span>/</span>
                
                <a class="tag" href="/tags/#vuex" title="vuex">vuex</a>
                <span>/</span>
                
                
            </p>
        </div>
    </div>
    
</div>
<ul class="pager">
    
    
    <li class="next">
        <a href="/page/2/">Older Posts &rarr;</a>
    </li>
    
</ul>

    </div>
</div>


<footer class="footer">
    <ul class="list-inline text-center">
        
        

        

        

        

        

    </ul>
    
    <p>
        <span>/</span>
        
        <span><a href="https://ycngu.gitee.io/">Ycngu&#39;s Page</a></span>
        <span>/</span>
        
        <span><a href="#">It helps SEO</a></span>
        <span>/</span>
        
    </p>
    
    <p>
        <span id="busuanzi_container_site_pv">
            <span id="busuanzi_value_site_pv"></span>PV
        </span>
        <span id="busuanzi_container_site_uv">
            <span id="busuanzi_value_site_uv"></span>UV
        </span>
        Created By <a href="https://hexo.io/">Hexo</a>  Theme <a href="https://github.com/aircloud/hexo-theme-aircloud">AirCloud</a></p>
</footer>




</body>

<script>
    // We expose some of the variables needed by the front end
    window.hexo_search_path = "search.json"
    window.hexo_root = "/"
    window.isPost = false
</script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="/js/index.js"></script>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>




</html>
